<template>
  <div class="bglogo">
    <el-menu
      :default-active="$route.path"
      class="el-menu-demo"
      mode="horizontal"
      background-color="#545c64"
      text-color="#fff"
      active-text-color="#ffd04b"
      router
    >
      <el-menu-item index="/" class="menu-item-logo">
        <img class="logo" src="../assets/logo.png" alt="" />
      </el-menu-item>
      <el-menu-item index="/home"> 首页 </el-menu-item>
      <el-menu-item index="/agent"> 房地产经纪 </el-menu-item>
      <el-menu-item index="/house"> 地产分类 </el-menu-item>
      <el-menu-item index="/about"> 关于我们 </el-menu-item>
    </el-menu>

    <!-- 二级路由挂载点 -->
    <router-view></router-view>
    <!-- 底部二维码 -->
    <img src="../assets/123.png" />
  </div>
</template>



<script>
export default {};
</script>

<style >
img {
  width: 100%;
  height: 300px;
}

.logo {
  width: 121px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 15px;
  padding-right: 30px;
  padding-top: 5px;
}
.menu-item-logo {
  width: 150px;
}
</style>


